<template>
   <div class="huati">
 
      <mt-header style="background-color:#339933;height:3em;opacity:0.8;" fixed title="话题" class="header">
           
      </mt-header>

      <div class="fenge1" style="margin-top:3%;"></div>

      <div @click="togoNei()" class="huahua" style="float:left;width:100%;height:auto;margin-top:1%;">
          <img  src="../assets/huati/15.png">
          <div class="xueke">数学</div>
          <div class="redu">1.3k关注 | 3k问题</div>
      </div>

        <div @click="togoNei1()" class="huahua" style="float:left;width:100%;height:auto;margin-top:3%;">
          <img  src="../assets/huati/16.png">
          <div class="xueke">英语</div>
          <div class="redu">1.3k关注 | 3k问题</div>
      </div>

      <div @click="togoNei2()" class="huahua" style="float:left;width:100%;height:auto;margin-top:3%;">
          <img  src="../assets/huati/17.png">
          <div class="xueke" style="margin-left: -56%;">网页设计</div>
          <div class="redu">1.3k关注 | 3k问题</div>
      </div>

      <div @click="togoNei3()" class="huahua" style="float:left;width:100%;height:auto;margin-top:3%;">
          <img  src="../assets/huati/18.png">
          <div class="xueke" style="margin-left: -56%;">视频剪辑</div>
           <div class="redu">1.3k关注 | 3k问题</div>
      </div>




   </div>
</template>

<script>
    export default{
        data(){
            return{
            }
        },
        methods:{
            togoNei:function(){
                this.$router.push({path:"detail"})
            },
             togoNei1:function(){
                this.$router.push({path:"daying"})
            },
            togoNei2:function(){
                this.$router.push({path:"wangye"})
            },
            togoNei3:function(){
                this.$router.push({path:"shipin"})
            },
            togoNei4:function(){
                this.$router.push({path:"daying"})
            },
           
        }
    }
</script>

<style>
    .huati{
        background-color:#ffffff;
        height: auto;
        padding-top:10%;
        padding-bottom:150%;
        margin-bottom:-18%;
        margin-top:-1%;
        font-family: "Microsoft YaHei";
        
    }

    .huahua img{
        width:100%;
        height: 150px;
    }

    .xueke{
        color: #ffffff;
        font-size: 200%;
        margin-top:-17%;
        margin-left: -70%;
         font-family: "Microsoft YaHei";
    }

    .redu{
        color:#ffffff;
        margin-left: -60%;
    }



  

</style>